<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ page import="net.ojbk.saishi.service.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>师易赛事服务平台</title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
	<link href="css/font-awesome.css" rel="stylesheet">
	<!-- 附加-->
	<!-- Custom CSS -->
    <link rel="stylesheet" type="text/css" href="css/style_赛事介绍页面.css">
	
	<!-- Custom Fonts -->
    <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"  type="text/css">
	
	<link rel="stylesheet" href="css/lightbox.css">
	<style>
	#slcd{width:740px;height:40px;position:absolute;margin-left: 5px;margin-top:10px;}
	#slcd ul,#slcd ul li{height:40px;}
	#slcd ul li{width:9.9%;float:left;list-style-type: none;line-height:30px;text-align:center; overflow:hidden;}
	#slcd ul li:hover{background:#fcf8e3;overflow:visible;}
	#zcd ul,#zcd ul li{width:100%;height:50px;background:#fcf8e3;}
	.zcd2{margin-top: -130px;width:100%;}
</style>

</head>
<%
String matchId = request.getParameter("matchId");
if ("".equals(matchId) || matchId == null)
	matchId = "OYLAQZ";
String[] matchInfo = MatchBackService.getMatchInfo(matchId);
%>
<body style="background-image: url(images/g6.jpg);">
		<div class="top_header" id="home">
		<!-- Fixed navbar -->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="nav_top_fx_w3ls_agileinfo">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
					    aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
					<div class="logo-w3layouts-agileits">
						<h1> <a class="navbar-brand" href="index.jsp"><i class="fa fa-clone" aria-hidden="true"></i> 师易赛事服务平台 <span class="desc">实现一站式服务标准化</span></a></h1>
					</div>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<div class="nav_right_top" style="font-size: 18px">
						<ul class="nav navbar-nav navbar-right">
							<li><a class="request" href="登陆界面.jsp">Login</a></li>

						</ul>
						<ul class="nav navbar-nav">
							<li><a href="主页.jsp">主页</a></li>
							<li><a href="师易教辅平台.jsp">师易教辅平台</a></li>
							<li><a href="home.jsp">师易赛事服务平台</a></li>
						</ul>
					</div>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
	</div>
		
    <div id="page-content" class="sub-page" style="margin-top: 115px">
		<div class="container"><center>
			<article style="text-align:center">
				<a class="example-image-link" href="<%= matchInfo[0] %>" data-lightbox="example-set" data-title="Click the right half of the image to move forward."><img class="example-image" src="<%= matchInfo[0] %>" alt=""/></a>
				<div class="content-item" style="background-color:rgba(255, 255,255,0.15);">
					<h3 class="title-item"><%= matchInfo[1] %></h3>
					<div class="time"> April 30TH</div>
					<ul class="list-inline">
						<li><a href="#"><i class="fa fa-eye"></i> 260</a></li>
						<li><a href="#"><i class="fa fa-comment"></i> 260</a></li>
						<li><a href="#"><i class="fa fa-heart"></i> 260</a></li>
						<li><a href="#"><i class="fa fa-share"></i> 260</a></li>
					</ul>
					<div>
						<p class="info" style="word-wrap:break-word；width:710px;line-height: 25px ;font-family:Microsoft YaHei; text-align: left;">
						<span style="font-size: medium;"><%= matchInfo[2].replaceAll(" ", "&nbsp;").replaceAll("\r\n", "<br>") %></span><br>
						</p>
					</div>
				</div>
				<div class="bottom-item" style="background-color: #fcf8e3">
					<div id="slcd">
						<ul>
						<li><a href="part.jsp?matchId=<%= matchId %>" id="join" style="color:gray;font-weight:900;font-family:all;">参赛</a>
						<div id="zcd" class="zcd1">	
						</div></li>
						<li  style="border-left: 2px solid #CCC;border-right: 2px solid #CCC;color:gray;font-weight:900;font-family:all;">更多
						<div id="zcd" class="zcd2">
							<ul>
								<li style="text-align: center;margin-top: 4px;"><a onclick="inBack()">进入后台</a></li>
								<li><a href="Statistics.jsp?matchId=<%= matchId %>">参赛情况</a></li>
							</ul>
						</div>
					</li>
				</ul>
					</div>
					<span class="user f-right">Posted by <a href="#">Xiong Wei</a><img src="img/ava-1.jpg"></span>
				</div>
			</article>
			</center>
		</div>
	</div>
<script type="text/javascript">
	function inBack() {
		var backPw = prompt('请输入此赛事后台密码：');
		window.location.href='./backstage.jsp?matchId=<%= matchId %>&pw=' + backPw;
	}

</script>

	
</body>
</html>
